<!-- Container -->
<div id="container">
	<div class="shell">
		
		<!-- Small Nav -->
		<div class="small-nav">
			<a href="#">Dashboard</a>
			<span>&gt;</span>
			Current Articles
		</div>
		<!-- End Small Nav -->
		{if $isOK}
		<!-- Message OK -->		
		<div class="msg msg-ok">
			<p><strong>添加类别成功!</strong></p>
			<a href="#" class="close">close</a>
		</div>
		<!-- End Message OK -->		
		{/if}
		
		<br />
		<!-- Main -->
		<div id="main">
			<div class="cl">&nbsp;</div>
			
			<!-- Content -->
			<div id="content">
				
				<!-- Box -->
				<div class="box">
					<!-- Box Head -->
					<div class="box-head">
						<h2 class="left">当前商品</h2>
						<div class="right">
							<label>搜索商品</label>
							<input type="text" class="field small-field" />
							<input type="submit" class="button" value="search" />
						</div>
					</div>
					<!-- End Box Head -->	

					<!-- Table -->
					<div class="table">
						<table width="100%" border="0" cellspacing="0" cellpadding="0">
						   
							<tr>
								<th width="13"><input type="checkbox" class="checkbox" /></th>
								<th>Goods Name</th>
								<th>Add DateTime</th>
								<th>Add by</th>
								<th width="110" class="ac">Control</th>
							</tr>
							
							{section name=sec loop=$goods}
							<tr {if $smarty.section.sec.index is odd by 1}class="odd"{/if}>
								<td><input type="checkbox" class="checkbox" /></td>
								<td><h3>{$goods[sec].goodsName}</h3></td>
								<td>{$goods[sec].addTime}</td>
								<td>{$goods[sec].addBy}</td>
								<td><a href="#" class="ico del">Delete</a><a href="#" class="ico edit">Edit</a></td>
							</tr>
							{/section}
						</table>
						
						
						<!-- Pagging -->
						<div class="pagging">
							<div class="left">Showing 1-12 of 44</div>
							<div class="right">
								<a href="#">Previous</a>
								<a href="#">1</a>
								<a href="#">2</a>
								<a href="#">3</a>
								<a href="#">4</a>
								<a href="#">245</a>
								<span>...</span>
								<a href="#">Next</a>
								<a href="#">View all</a>
							</div>
						</div>
						<!-- End Pagging -->
						
					</div>
					<!-- Table -->
					
				</div>
				<!-- End Box -->
				
				<!-- Box -->
				<div class="box" id="addbox">
					<!-- Box Head -->
					<div class="box-head">
						<h2>添加新商品</h2>
					</div>
					<!-- End Box Head -->
					
					<form action="" method="post">
						
						<!-- Form -->
						<div class="form">
								<p>
									<label>商品名称<span>(Required Field)</span></label>
									<input type="text" class="field" name="goodsName" />
									<label>商品类别<span>(Required Field)</span></label>
									<select name="categoryId" class="field">
									{section name=sec loop=$categories}
									<option value="{$categories[sec].id}">{$categories[sec].category}</option>
									{/section}
									</select>
								</p>
								<p>
									<label>商品价格<span>(Required Field)</span></label>
									<input type="text" class="field" name="goodsPrice" />
								</p>
								
								<p>
									<span class="req">max 100 symbols</span>
									<label>商品说明 </label>
									<textarea class="field size1" rows="10" cols="30" name="remark"></textarea>
								</p>	
							
						</div>
						<!-- End Form -->
						
						<!-- Form Buttons -->
						<div class="buttons">
							<input type="submit" class="button" value="submit" />
						</div>
						<!-- End Form Buttons -->
					</form>
				</div>
				<!-- End Box -->

			</div>
			<!-- End Content -->
			
			<!-- Sidebar -->
			<div id="sidebar">
				
				<!-- Box -->
				<div class="box">
					
					<!-- Box Head -->
					<div class="box-head">
						<h2>管理工具</h2>
					</div>
					<!-- End Box Head-->
					
					<div class="box-content">
						<a href="#addbox" class="add-button"><span>添加商品</span></a>
						<div class="cl">&nbsp;</div>
						
						<p class="select-all"><input type="checkbox" class="checkbox" /><label>select all</label></p>
						<p><a href="#">Delete Selected</a></p>
						
						<!-- Sort -->
						<div class="sort">
							<label>Sort by</label>
							<select class="field">
								<option value="">Title</option>
							</select>
							<select class="field">
								<option value="">Date</option>
							</select>
							<select class="field">
								<option value="">Author</option>
							</select>
						</div>
						<!-- End Sort -->
						
					</div>
				</div>
				<!-- End Box -->
			</div>
			<!-- End Sidebar -->
			
			<div class="cl">&nbsp;</div>			
		</div>
		<!-- Main -->
	</div>
</div>
<!-- End Container -->

{include file='footer.tpl'}
